
<ion-content no-padding class="my-cleaning">
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <ion-grid class="clean-items" *ngFor="let c of orderList">
    <ion-row class="clean-top" (click)="gotocleanDetail(c)">
      <ion-col ion-text color="txt-primary" text-left> {{c.title}}</ion-col>
      <ion-col ion-text text-right  class="fire-text-gradient price">
       &yen;<span  class="fire-text-gradient">{{c.totalMoney}}</span></ion-col>
    </ion-row>
    <ion-row class="clean-date">
      <ion-col>{{c.serviceTime}}</ion-col>
      <ion-col text-right class="fire-text-gradient">{{c.statusName}}</ion-col>
    </ion-row>
    <ion-row class="clean-msg">
      <ion-col col-4 class="shop">{{c.apartmentName}}</ion-col>
      <ion-col col-2 class="room">{{c.houseNo}}</ion-col>
      <ion-col col-6 ion-text text-right>
        <button ion-button color="main" outline *ngIf="c.status==1" (click)="gotoCheckstand(c)">立即支付</button>
      </ion-col>
    </ion-row>
  </ion-grid>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="canLoadMore">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <div *ngIf="!canLoadMore&&orderList.length>10"
       style="text-align: center;width: 100%;height: 60px;padding: 20px 0;color:#848484">
    ————————别扯啦!———————-
  </div>
</ion-content>
